<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    //cookie的名称和值，创建cookie时必须填写，其他属性可以使用默认值
    //cookie的名称和如果包含非英文字母，写入要编码，读取要解码
    //一般名称使用英文字母，值可以用中文，但要编码
    document.cookie=`name=${encodeURIComponent('张三')}`
    //2.失效（到期）时间
    //对于失效的cookid，会被浏览器清除
    //如果没有设置失效时间，这样的cookie称为会话cookie
    //它存在内存中，当回话结束，也就是浏览器关闭时，cookie消失
    //想长时间存在，设置expires或max-age
    document.cookie=`age=18; expires=${new Date('2021-6-2')}`
    //值为数字，表示当前时间+多少秒后过期，单位是秒
    document.cookie=`sex=male; max-age=10`
    //如果max-age的值为0或负数，则cookie会被删除
    document.cookie='username=b; max-age=-1'
    //3.domain限制了访问cookie的范围（不同域名）
    //使用js只能读写当前域或父域的cookie，无法读写其他域的cookie
    document.cookie='username=c; domin=wwww.baidu.com'
    //path限制了访问cookie的范围（同一域名下）
    document.cookie='height=180; path=/course/list'
    //当name,domian path 这三个字段都相同的时候，才是同一个cookie
    //设置httpOnly属性的cookie不能通过js去访问
    //secure限定了只有使用了https而不是http的情况下才可以发送到服务端
    //domain path secure都满足条件，还不能过期的cookie才能随着请求发送到服务端
  </script>
</body>
</html>